<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>工作周报详情</ion-title>
      <ion-buttons end>
        <button ion-button (click)="goEditPage(detail)" >编辑</button>
      </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class='gfoa-list'>
    <ion-item>
      <ion-row>
        <ion-col width-25 class='title'>起始日期:</ion-col>
        <ion-col class='substance'>{{detail[1]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-25 class='title'>结束日期:</ion-col>
        <ion-col class='substance'>{{detail[2]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col col-2 class='title'>标题:</ion-col>
        <ion-col class='substance'>{{detail[4]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-25 class='title'>总结:</ion-col>
      </ion-row>
      <ion-row>
        <ion-col class='substance'>
          <!--<textarea readonly="true" [(ngModel)]="detail[5]"></textarea>-->
          <div [innerHTML]="(detail[5] | formatTextToHtml)"></div>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-25 class='title'>计划:</ion-col>
      </ion-row>
      <ion-row>
        <ion-col class='substance'>
          <div [innerHTML]="(detail[6] | formatTextToHtml)"></div>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-25 class='title'>建议:</ion-col>
      </ion-row>
      <ion-row>
        <ion-col class='substance'>
          <div [innerHTML]="(detail[7] | formatTextToHtml)"></div>
        </ion-col>
      </ion-row>
    </ion-item>
  </ion-list>
  <ion-item-divider color="light">
    <div>
      <span color="dark"><strong>工作日报({{chanelList ? chanelList.length : 0}}条)</strong></span>
    </div>
  </ion-item-divider>
  <ion-card>
    <ion-list *ngFor="let item of chanelList;let i = index">
      <ion-item (click)="checkIsSelected(item)" class="titleitem">
        <ion-row>
          <ion-col col-4 class='left'>{{item[2]}}</ion-col>
          <ion-col class="space right" text-right>{{item[3]}}</ion-col>
          <ion-col col-1>
            <ion-icon *ngIf="!item[item.length - 1]" name="arrow-forward"></ion-icon>
            <ion-icon *ngIf="item[item.length - 1]" name="arrow-down"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-list *ngIf="!item[item.length - 1]">
        <ion-item>
          <ion-row>
            <ion-col width-25 class="colName">序号:</ion-col>
            <ion-col class="colVal" text-right>{{i + 1}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">客户类型:</ion-col>
            <ion-col class="colVal" text-right>{{item[0]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">沟通时间:</ion-col>
            <ion-col class="colVal" text-right>{{item[2]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-20 class="colName">沟通客户:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[3]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">沟通联系人:</ion-col>
            <ion-col class="colVal" text-right>{{item[4]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">员工:</ion-col>
            <ion-col class="colVal" text-right>{{item[5]}}</ion-col>
          </ion-row>


          <ion-row>
            <ion-col width-25 class="colName">接触方式:</ion-col>
            <ion-col class="colVal" text-right>{{item[6]}}</ion-col>
          </ion-row>

          <ion-row>
              <ion-col width-20 class="colName">沟通事由:</ion-col>
              <ion-col width-80 class="colVal substance" text-right>{{item[7]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">沟通内容:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[8]}}</ion-col>
          </ion-row>

        </ion-item>
      </ion-list>
    </ion-list>
  </ion-card>
  <!--<ion-row >
    <ion-col text-center>
      <button block ion-button color="light" (click)="search()"><ion-icon name="create"></ion-icon>编辑</button>
    </ion-col>
  </ion-row>
  <ion-row >
    <ion-col text-center>
      <button block ion-button color="light" (click)="search()"><ion-icon name="checkmark-circle"></ion-icon>保存</button>
    </ion-col>
    <ion-col text-center>
      <button block ion-button color="light" (click)="clear()"><ion-icon name="trash"></ion-icon>取消</button>
    </ion-col>
  </ion-row>-->
</ion-content>
